
<!DOCTYPE html>
<html lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Title Page</title>
        <link rel="stylesheet" href="./font/iconfont.css">

    </head>
    <style>
          .left1 {
        float: left;
        /* width: 3% */
    }

    .icon1 {
        width: 40px;
        height: 39px;
        line-height: 38px;
        background-color: rgb(51, 122, 183);
        border: 1px solid rgb(220, 220, 220);
        color: white;
        text-align: center;
    }

    .icon2 {
        width: 40px;
        height: 39px;
        line-height: 38px;
        background-color: white;
        border: 1px solid rgb(220, 220, 220);

        text-align: center;
    }

    .div1 {
        width: 40px;
        height: 60px;
        line-height: 60px;
        background-color: rgb(86, 173, 240);
        border: 1px solid rgb(220, 220, 220);
        color: white;
        text-align: center;
    }

    .left2 {
        float: left;
        /* width: 3%; */

    }

    .div2 {
       
        width: 40px;
        height: 60px;
        background-color: white;
        border: 1px solid rgb(220, 220, 220);
        color: white;
        text-align: center;
    }


    .number {
        height: 30px;
        line-height: 30px;
        color: rgb(95, 176, 241)
    }

        
    </style>
    <body>
            <div class="left1">
                    <div class="icon1"><span class="iconfont">&#xe63e;</div>
                    <div class="div1">09</div>
                    <div class="div1">10</div>
                    <div class="div1">11</div>
                    <div class="div1">12</div>
                    <div class="div1">13</div>
                    <div class="div1">14</div>
                    <div class="div1">15</div>
                    <div class="div1">16</div>
                    <div class="div1">17</div>
                    <div class="div1">18</div>
            
                </div>
                <div class="left2">
                    <div class="icon2">
                        <sapn class="iconfont">&#xe686;</sapn>
                    </div>
                    <div class="div2">
                        <div class="number">00</div>
                        <div class="number">30</div>
                    </div>
                    <div class="div2">
                        <div class="number">00</div>
                        <div class="number">30</div>
                    </div>
                    <div class="div2">
                        <div class="number">00</div>
                        <div class="number">30</div>
                    </div>
                    <div class="div2">
                        <div class="number">00</div>
                        <div class="number">30</div>
                    </div>
                    <div class="div2">
                        <div class="number">00</div>
                        <div class="number">30</div>
                    </div>
                    <div class="div2">
                        <div class="number">00</div>
                        <div class="number">30</div>
                    </div>
                    <div class="div2">
                        <div class="number">00</div>
                        <div class="number">30</div>
                    </div>
                    <div class="div2">
                        <div class="number">00</div>
                        <div class="number">30</div>
                    </div>
                    <div class="div2">
                        <div class="number">00</div>
                        <div class="number">30</div>
                    </div>
                    <div class="div2">
                        <div class="number">00</div>
                        <div class="number">30</div>
                    </div>
            
            
                </div>
                
                <div class="div_1"></div>

      </body>
</html>
